<html>
<head>
  <title>Devcathlon: Levels</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
.style5 {font-size: medium}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="teammockup2.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>


<!-- -------------- Page contents begins --------------- -->
<div class="wrapper">
<h2>Levels</h2>
<p>
This Levels page displays information on the current level the user is on (Grayed rows) and levels not achieve yet (white rows)..</p>
<table border="1">
<tr>
		<th width="97">Current Level</th>
        <th width="356">Description</th>
        <th width="89">Abbreviation</th>
	</tr>
    <tr bgcolor="#CCCCCC">
      <td><div align="center"><img src="rank2.png" width="50" height="48"></div></td>
      <td><span class="style5">Obtained 2 badges total</span></td>
      <td><span class="style5">PV2</span></td>
    </tr>
</table>
<p>&nbsp;</p>
<table width="568" border="1">
  <tr>
    <th width="98" scope="col">Past Levels</th>
    <th width="357" scope="col">Description</th>
    <th width="91" scope="col">Abbreivation</th>
  </tr>
  <tr bgcolor="#CCCCCC">
    <td><div align="center" class="style5"><em>No Insignia</em></div></td>
    <td><span class="style5">Rookie, just started. No badges.</span></td>
    <td><span class="style5">PV1</span></td>
  </tr>
  <tr>
    <td><div align="left"><strong>Future Levels</strong></div></td>
    <td><strong>Description</strong></td>
    <td><strong>Abbreivation</strong></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td><div align="center"><img src="rank3.png" width="50" height="60"></div></td>
    <td><span class="style5">Obtained 6 badges total</span></td>
    <td>PFC</td>
  </tr>
  <tr>
    <td><div align="center"><img src="rank4.png" width="50" height="55"></div></td>
    <td><span class="style5">Obtained 14 badges total</span></td>
    <td>SPC</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td><div align="center"><img src="rank5.png" width="50" height="55"></div></td>
    <td><span class="style5">Obtained 22 badges total</span></td>
    <td>CPL</td>
  </tr>
  <tr>
    <td><div align="center"><img src="rank6.png" width="50" height="63"></div></td>
    <td><span class="style5">Obtained 31 badges total</span></td>
    <td>SGT</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td><div align="center"><img src="rank7.png" width="50" height="75"></div></td>
    <td><span class="style5">Obtained 42 badges total</span></td>
    <td>SSG</td>
  </tr>
  <tr>
    <td><div align="center"><img src="rank8.png" width="50" height="83"></div></td>
    <td><span class="style5">Obtained 53 badges total</span></td>
    <td>SFC</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td><div align="center"><img src="rank9.png" width="50" height="90"></div></td>
    <td><span class="style5">Obtained 64 badges total</span></td>
    <td>MSG</td>
  </tr>
  <tr>
    <td><div align="center"><img src="rank10.png" width="50" height="90"></div></td>
    <td><span class="style5">Obtained 75 badges total</span></td>
    <td>1SG</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td><div align="center"><img src="rank11.png" width="50" height="90"></div></td>
    <td><span class="style5">Obtained 86 badges total</span></td>
    <td>SGM</td>
  </tr>
  <tr>
    <td><div align="center"><img src="rank12.png" width="50" height="90"></div></td>
    <td><span class="style5">Obtained 97 badges total</span></td>
    <td>CSM</td>
  </tr>
  <tr>
    <td><div align="center"><img src="rank13.png" width="50" height="90"></div></td>
    <td><span class="style5">Obtained 120 badges total</span></td>
    <td>SMA</td>
  </tr>
</table>
<p>&nbsp;</p>
